<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/lanse.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1349745_4wxnvsb5og.css">
</head>
<body>
<section id="diyi" flex="main:center cross:center">
    <img class="banner" src="../img/banner.jpg">
</section>
<section id="dier" flex>
    <div class="tubiao1">
        <img src="../img/hy.png">
        <p>会员专区</p>
    </div>
    <div class="tubiao2">
        <img src="../img/jingxuan.png">
        <p>精选理财</p>
    </div>
    <div class="tubiao3">
        <img src="../img/lc.png">
        <p>理财助手</p>
    </div>
    <div class="tubiao4">
        <img src="../img/tj.png">
        <p>推荐有礼</p>
    </div>
</section>
<section class="hui">
</section>
<section id="disan">
    <div class="shang" flex>
        <img src="../img/changfangx.png">
        <h1>新人专享</h1>
    </div>
    <ul class="list">
        <li class="list1">
            <div class="list1-1" flex="main:center cross:center">
                <h1>7<span>.5%</span></h1>
                <p>包图省心宝<br>锁定期90天</p>
            </div>

            <div class="list1-2">
                <div class="list1-3"></div>
            </div>
        </li>
        <li class="list1">
            <div class="list1-1" flex="main:center cross:center">
                <h1>8<span>.5%</span></h1>
                <p>包图省心宝<br>锁定期90天</p>
            </div>

            <div class="list1-2">
                <div class="list1-3"></div>
            </div>
        </li>
        <li class="list1">
            <div class="list1-1" flex="main:center cross:center">
                <h1>7<span>.5%</span></h1>
                <p>包图省心宝<br>锁定期90天</p>
            </div>

            <div class="list1-2">
                <div class="list1-3"></div>
            </div>
        </li>
    </ul>
</section>
<section class="hui">
</section>
<section id="disi">
    <div class="shang1" flex>
        <img src="../img/changfangx.png">
        <h1>精选理财</h1>
    </div>
    <div class="zhong" flex>
        <div class="jj" flex="main:center cross:center"><span>基金</span></div>
        <span>一日存入  月月取息</span>
    </div>
    <div class="zhongjian" flex>
        <div class="zhong2">
            <h1>6<span>.18%</span></h1>
            <p>七日年化收益率</p>
        </div>
        <div class="zhong3">
            <div class="zhong3z">
                <span>1000元起投   明星基金经理</span>
            </div>
            <div class="list1-2">
                <div class="list1-3" ></div>
            </div>
        </div>
        <div class="zhong4">
            <button>立即投资</button>
            <p>已投资700000万元</p>
        </div>
    </div>
    <div class="xia" >
        <div>
            <img src="../img/shouye.png">
            <p>首页</p>
        </div>
        <div>
            <img src="../img/aa.png">
            <p>理财</p>
        </div>
        <div>
            <img src="../img/bb.png">
            <p>投资</p>
        </div>
        <div>
            <img src="../img/cc.png">
            <p>我的</p>
        </div>
    </div>
</section>
</body>
</html>